$widthAndHeight: (w: width, h: height);

@for $i from 1 through 100 {
	@each $key, $item in $widthAndHeight {
		@if ($i % 5 == 0) {
			.#{$key}-#{$i} {
				#{$item}: $i * 1rpx;
			}
			@if ($i == 100) {
				.#{$key}-full {
					#{$item}: $i * 1%;
				}
			} @else {
				.#{$key}-ratio-#{$i} {
					#{$item}: $i * 1%;
				}
			}
		}
	}
}

.h-1 {height: 1px}
.w-1 {width: 1px}
.w-screen {width: 100vw}
.h-screen {height: 100vh}
.w-max {width: max-content}
.w-min {width: min-content}
.w-full{width: 100%;}
.h_full{height: 100%;}
.wh-full{width: 100%; height: 100%;}